<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器权重</title>
				<style>
					*{
						 color: aqua;/* 权值 0 */
					}
					p{
						color: #55ff00;/* 权值 1 */
					}
					 p.p1{            /* 计算权值 ：1+10  11*/
						color: #ff557f;
					}
					.p1{
						color: #000;  /* 权值10 */
					}
					div p.p1{          /* 计算权值 ：1+1+10 权值 12*/
						color: crimson;
					}
					#p1{
						color: azure;      /* 权值100 */
					}
				</style>
			</head>
			<body>
				<div>
					<p class="p1" id="p1">lorem</p >
					<div>
						<p class="p1" id="p1">lorem</p >
						<span>内容</span>
					</div>
				</div>
			</body>